<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="template.xhtml">

	<ui:define name="content">

	<h:form id="formAltaGasto">

		<h1>
			<h:outputText value="Nuevo Gasto" />
		</h1>
		<h:messages errorStyle="color: red;" />

		<h:panelGrid columns="2" id="panelGasto">


			<h:outputLabel for="fechaAltaSolicitud"
				value="Fecha/Hora de creacion de la solicitud:" />
			<h:inputText id="fechaAltaSolicitud"
				value="#{empleadoBean.solicitudGasto.fechaCreacion.time}"
				required="true" disabled="true">
				<f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" />
			</h:inputText>

			<h:outputLabel for="centroCosto" value="Centro de costo:" />
			<h:inputText id="centroCosto"
				value="#{empleadoBean.solicitudGasto.centroCosto.nombre}"
				required="true" disabled="true">
			</h:inputText>
			
			<h:outputLabel for="descripcion" value="Descripcion de la solicitud:" />
			<h:inputTextarea
				value="#{empleadoBean.solicitudGasto.descripcion}" cols="50"
				rows="5" disabled="true" />

			<h:outputLabel for="importeEstimado" value="Importe estimado:" />
			<h:inputText id="importeEstimado"
				value="#{empleadoBean.solicitudGasto.importeEstimado}"
				required="true" disabled="true">
				<f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
			</h:inputText>

			<h:outputLabel for="fechaAprobacionSolicitud"
				value="Fecha/Hora de aprobacion de la solicitud:" />
			<h:inputText id="fechaAprobacionSolicitud"
				value="#{empleadoBean.solicitudGasto.fechaAprobacion.time}"
				required="true" disabled="true">
				<f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" />
			</h:inputText>

			<h:outputLabel for="supervisor" value="Supervisor:" />
			<h:inputText id="supervisor"
				value="#{empleadoBean.solicitudGasto.supervisor.nombres}"
				required="true" disabled="true" />

			<h:outputLabel for="comentario" value="Comentario:" />
			<h:inputTextarea value="#{empleadoBean.solicitudGasto.comentario}"
				cols="50" rows="5" disabled="true" />

			<h:outputLabel for="fechaGasto" value="Fecha de gasto:" />
			<h:inputText id="fechaGasto" value="#{empleadoBean.fechaAux}"
				pattern="dd/MM/yyyy" required="true">
				<f:convertDateTime type="date" dateStyle="short" pattern="dd/MM/yyyy"  />
			</h:inputText>

			<h:outputLabel for="importe" value="Importe:" />
			<h:inputText id="importe" value="#{empleadoBean.gasto.importe}"
				required="true">
				<f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
			</h:inputText>

			<h:outputLabel for="ticket" value="Numero de ticket o factura:" />
			<h:inputText id="ticket" value="#{empleadoBean.gasto.numeroFactura}"
				required="true" />

			<h:panelGroup>
				<h:commandButton id="btnAceptar" value="Aceptar"
					onclick="if (! confirm('¿Confirma que desea dar de alta el gasto?')) return false" 
					action="#{empleadoBean.guardarGasto}" />
				<h:commandButton id="btnCancelar" value="Cancelar"
					action="aSolicitudesEmpleado" immediate="true" />
			</h:panelGroup>

		</h:panelGrid>

	</h:form>
	</ui:define>
</ui:composition>
</html>